module.exports = {
    plugins: [
        // 自动添加浏览器前缀
        require('autoprefixer')({
            overrideBrowserslist: [
                '> 1%',
                'last 2 versions',
                'not dead',
                'iOS >= 10',
                'Android >= 5',
                'Chrome >= 60',
                'Firefox >= 60',
                'Safari >= 12',
                'Edge >= 16'
            ],
            grid: true, // 启用CSS Grid支持
            flexbox: 'no-2009' // 禁用2009年的flexbox语法
        }),

        // 使用未来CSS特性
        require('postcss-preset-env')({
            stage: 3,
            features: {
                'custom-properties': false, // 保留CSS变量
                'nesting-rules': true,
                'custom-media-queries': true,
                'media-query-ranges': true
            }
        }),

        // 生产环境压缩CSS
        process.env.NODE_ENV === 'production' && require('cssnano')({
            preset: ['default', {
                discardComments: {
                    removeAll: true
                },
                normalizeWhitespace: true,
                reduceIdents: false,
                zindex: false
            }]
        })
    ].filter(Boolean)
}; 